// 引入axios
import axios from 'axios'
import store from '@/store'
import { Message } from 'element-ui'
import router from '@/router'
import { getTimeStamp } from '@/utils/auth'
const TimeOut = 3600 // 定义超时的时间
// 通过create创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000 // 超时时间
})
// 请求拦截器
service.interceptors.request.use(
  (config) => {
    // 在这个位置需要统一的去注入token
    if (store.getters.token) {
      // 如果有token的话，我们需要判断有没有超时
      if (IsCheckTimeOut()) {
        // 如果为true表示过期了，需要执行登出操作
        store.dispatch('user/logout')
        // 并且跳转到登录页面
        router.push('/login')
        // 并且返回一个超时的信息
        return Promise.reject(new Error('token超时了'))
      }
      // console.log(config)
      // 如果token存在 注入token
      config.headers['Authorization'] = `Bearer ${store.getters.token}`
    }
    return config // 必须返回配置
  },
  (error) => {
    return Promise.reject(error)
  }
)
// 响应拦截器
service.interceptors.response.use(
  // 处理axios的响应拦截器
  (response) => {
    // 进行解构数据
    const { success, message, data } = response.data
    // 进行判断，看它是成功还是失败
    if (success) {
      // 成功直接返回这个响应的data数据
      return data
    } else {
      // 否则就是失败了直接进行错误信息提示
      Message.error(message) // 提示错误信息
      return Promise.reject(new Error(message))
    }
  },
  (error) => {
    // 如果是超时，后端告诉我们，被动处理方式
    if (error.response.status === 401) {
      // 我们需要登出退出主页
      store.dispatch('user/logout')
      // 跳转到登录页面
      router.push('/login')
      Message.error('token过期，请重新登陆')
      return Promise.reject(error)
    }
    // 如果是是失败了，直接提示错误信息
    Message.error(error.message)
    return Promise.reject(error)
  }
)
function IsCheckTimeOut() {
  // 定义当前的事件戳
  const currentTime = Date.now()
  // 定义缓存的时间戳
  const timeStamp = getTimeStamp()
  // 用当前的时间戳减去缓存的时间戳，看它是否大于超时的时间
  return (currentTime - timeStamp) / 1000 > TimeOut
}
// 导出axios
export default service
